Chrome 137

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Datum der stabilen Version: 27. Mai 2025

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version 137 von Chrome für Android, ChromeOS, Linux, macOS und Windows.

CSS und Benutzeroberfläche

CSS-if()-Funktion

Die CSS-Funktion if() bietet eine prägnante Möglichkeit, bedingte Werte auszudrücken. Es akzeptiert eine Reihe von Bedingung/Wert-Paaren, die durch Semikolons getrennt sind. Die Funktion wertet jede Bedingung nacheinander aus und gibt den Wert zurück, der mit der ersten wahrheitsgemäßen Bedingung verknüpft ist. Wenn keine der Bedingungen zutrifft, gibt die Funktion einen leeren Tokenstream zurück. So können Sie komplexe bedingte Logik auf einfache und prägnante Weise ausdrücken.

Beispiel:

div {
  color: var(--color);
  background-color: if(style(--color: white): black; else: white);
}

.dark {
  --color: black;
}

.light {
  --color: white;
}

<div class="dark">dark</div>
<div class="light">light</div>

Bug-Tracking-ID 346977961 | ChromeStatus.com-Eintrag | Spezifikation

CSS-Properties reading-flow, reading-order

Mit der CSS-Property reading-flow wird die Reihenfolge gesteuert, in der Elemente in einem Flex-, Grid- oder Blocklayout für Tools zur Barrierefreiheit sichtbar sind und mit der Tabulatortaste fokussiert werden.

Mit der CSS-Property reading-order können Autoren die Reihenfolge innerhalb eines Lesefluss-Containers manuell überschreiben. Es ist eine Ganzzahl mit dem Standardwert 0.

Weitere Informationen zu diesen Eigenschaften finden Sie unter CSS-Lesefluss für eine logische sequenzielle Fokusnavigation verwenden. Außerdem können Sie sich einige Beispiele ansehen.

Fehler-Tracking-ID 40932006 | Eintrag in ChromeStatus.com | Spezifikation

Buchstabenabstand bei Schreibschriften ignorieren

Mit dieser Funktion wird die vom Entwickler festgelegte Einstellung für den Buchstabenabstand für Schriftarten mit Kurrentschrift ignoriert. So soll sichergestellt werden, dass der Buchstabenabstand die Wortstruktur nicht beeinträchtigt. Außerdem soll die Nutzerfreundlichkeit für Nutzer verbessert werden, die Schriftarten mit Kurrentschrift verwenden.

Mit dieser Funktion sorgt Chrome dafür, dass Schriftarten in Schreibschrift gut lesbar und richtig ausgerichtet sind, auch wenn sie keine erweiterten typografischen Funktionen haben.

In Chromium gilt dies für die Schriftarten Arabisch, Hanifi Rohingya, Mandaisch, Mongolisch, N'Ko, Phags Pa und Syrisch, da diese Schriftarten gemäß der Spezifikation als Kursivschrift gelten.

Bug-Tracking-ID 40618336 | ChromeStatus.com-Eintrag | Spezifikation

Selection API getComposedRanges und direction

Diese Funktion umfasst zwei neue API-Methoden für die Selection API:

• Selection.direction, das die Richtung der Auswahl als none, forward oder backward zurückgibt
• Selection.getComposedRanges(), die eine Liste von 0 oder 1 zurückgibt, die zusammengesetzt ist StaticRange

Eine zusammengesetzte StaticRange darf Schattengrenzen überschreiten, was bei einer normalen StaticRange nicht möglich ist.Range

Beispiel:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

Wenn die Auswahl eine Schattenknotengrenze überschreitet, die nicht in der Liste shadowRoots enthalten ist, werden die Endpunkte der StaticRange neu skaliert, sodass sie sich außerhalb dieses Baums befinden. So wird verhindert, dass Chrome unbekannte Schattenbäume anzeigt.

Bug-Tracking-ID 40286116 | ChromeStatus.com-Eintrag | Spezifikation

offset-path: shape() unterstützen

Unterstützung von offset-path: shape(), damit der Animationspfad mit responsiven Formen festgelegt werden kann

Fehler-ID 389713717 | ChromeStatus.com-Eintrag | Spezifikation

Unterstützung des transform-Attributs für SVGSVGElement

Mit dieser Funktion können Transformationseigenschaften wie Skalierung, Drehung, Verschiebung und Verzerrung direkt über das transform-Attribut auf das <svg>-Stammelement angewendet werden. Mit dieser Funktion können Sie das gesamte SVG-Koordinatensystem oder seinen Inhalt als Ganzes bearbeiten. So haben Sie mehr Flexibilität beim Erstellen dynamischer, responsiver und interaktiver Vektorgrafiken. Durch die Unterstützung dieses Attributs kann das <svg>-Element transformiert werden, ohne dass zusätzliche Wrapper-Elemente oder komplexe CSS-Umgehungen erforderlich sind. So wird der Prozess zum Erstellen skalierbarer und animierter Webgrafiken optimiert.

Tracking-Fehler 40313130 | ChromeStatus.com-Eintrag | Spezifikation

Systemakzentfarbe für die Property accent-color

So können Sie die Akzentfarbe des Betriebssystems für Formularelemente verwenden. Mit der CSS-Eigenschaft accent-color können Sie dafür sorgen, dass Formularelemente wie Kästchen, Optionsfelder und Fortschrittsbalken automatisch die vom Betriebssystem des Nutzers definierte Akzentfarbe übernehmen. Diese Funktion wird seit 2021 unter macOS und jetzt auch unter Windows und ChromeOS unterstützt.

Bug-Tracking-ID 40764875 | ChromeStatus.com-Eintrag | Spezifikation

Lassen Sie <use> auf das Stammelement eines externen Dokuments verweisen, indem Sie das Fragment weglassen.

Mit dieser Funktion wird das SVG-Element <use> optimiert, indem die Anforderungen an die Referenzierung gelockert werden. Vor Chrome 137 mussten Sie Fragmente im SVG-Dokument explizit referenzieren. Wenn keine Fragment-ID angegeben ist, kann <use> das Ziel nicht auflösen und es wird nichts gerendert oder verwiesen.

Beispiel: Ein <use>-Element, das auf eine externe Datei mit einem Fragment-ID verweist:

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

In diesem Beispiel ist #icon die Fragment-ID, die auf ein Element mit id="icon" in myshape.svg verweist.

Ohne Fragmentbezeichner:

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

Wenn Sie mit dieser Funktion Fragmente weglassen oder nur den Namen der externen SVG-Datei angeben, wird automatisch auf das Stammelement verwiesen. Sie müssen also nicht das referenzierte Dokument ändern, um dem Stamm eine ID zuzuweisen. Diese Verbesserung vereinfacht die manuelle Bearbeitung und erhöht die Effizienz.

Tracking-Fehler 40362369 | ChromeStatus.com-Eintrag | Spezifikation

Gleitkommafarbtypen für Canvas

Es ist jetzt möglich, mit CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D und ImageData Gleitkomma-Pixelformate (anstelle von 8-Bit-Fixpunktformaten) zu verwenden.

Dies ist für Anwendungen mit hoher Präzision (z. B. medizinische Visualisierung), Inhalte mit hohem Dynamikbereich und lineare Arbeitsfarbräume erforderlich.

Fehler-Tracking-ID 40245602 | Eintrag in ChromeStatus.com | Spezifikation

view-transition-name: match-element

Anhand des match-element-Werts wird eine eindeutige ID basierend auf der Identität des Elements generiert und dieses Element umbenannt. Diese Methode wird in Single-Page-Apps verwendet, in denen das Element verschoben wird und Sie es mit einer Ansichtsübergang animieren möchten.

Bug-Tracking-ID 365997248 | ChromeStatus.com-Eintrag | Spezifikation

Zahlungen

Fehlertyp ausrichten, der beim Erstellen von WebAuthn-Anmeldedaten für payment auftritt: SecurityError wird zu NotAllowedError

Korrigieren Sie den Fehlertyp, der beim Erstellen von WebAuthn-Anmeldedaten für payment-Anmeldedaten auftritt. Aufgrund einer früheren Spezifikationsdiskrepanz wird beim Erstellen von payment-Anmeldedaten in einem plattformübergreifenden Iframe ohne Nutzeraktivierung eine SecurityError statt einer NotAllowedError ausgegeben. Letztere wird für Anmeldedaten verwendet, die nicht für Zahlungen genutzt werden.

Dies ist eine funktionsgefährdende Änderung, wenn auch nur in einem kleinen Bereich. Code, der zuvor den Fehlertyp erkannt hat (z. B. e instanceof SecurityError), ist davon betroffen. Code, der nur allgemein Fehler bei der Erstellung von Anmeldedaten verarbeitet (z. B. catch (e)), funktioniert weiterhin ordnungsgemäß.

Fehler-Tracking-ID 41484826 | Eintrag in ChromeStatus.com | Spezifikation

Web APIs

Blob-URL-Partitionierung: Abrufen/Navigation

Als Fortsetzung der Speicherpartitionierung hat Chrome die Partitionierung des Blob-URL-Zugriffs nach Speicherschlüssel (Website der obersten Ebene, Frame-Ursprung und das boolesche has-cross-site-ancestor-Attribut) implementiert, mit Ausnahme von Navigationen der obersten Ebene, die nur nach Frame-Ursprung partitioniert bleiben. Dieses Verhalten ähnelt dem, was derzeit sowohl in Firefox als auch in Safari implementiert ist, und gleicht die Verwendung von Blob-URLs mit dem Partitionierungsschema ab, das von anderen Speicher-APIs im Rahmen der Speicherpartitionierung verwendet wird. Außerdem erzwingt Chrome jetzt „noopener“ für vom Renderer initiierte Navigationen der obersten Ebene zu Blob-URLs, bei denen die entsprechende Website websiteübergreifend mit der Website der obersten Ebene ist, die die Navigation ausführt. Damit entspricht Chrome dem Verhalten in Safari. Die entsprechenden Spezifikationen wurden entsprechend aktualisiert.

Fehler-ID 40057646 im Fehler-Tracker | Eintrag in ChromeStatus.com

Aufrufstapel in Absturzberichten von nicht reagierenden Webseiten

Mit dieser Funktion wird der JavaScript-Aufrufstapel erfasst, wenn eine Webseite aufgrund eines JavaScript-Codes, der einen unendlichen Loop oder eine andere sehr lange Berechnung ausführt, nicht mehr reagiert. So können Entwickler die Ursache für die Unzuverlässigkeit leichter ermitteln und beheben. Der JavaScript-Aufrufstapel ist in der Absturzmelde-API enthalten, wenn der Grund „Nicht antworten“ ist.

Tracking-Fehler #1445539 | ChromeStatus.com-Eintrag | Spezifikation

Document-Isolation-Policy

Mit Document-Isolation-Policy kann crossOriginIsolation für ein Dokument aktiviert werden, ohne dass COOP oder COEP bereitgestellt werden müssen, und unabhängig vom crossOriginIsolation-Status der Seite. Die Richtlinie wird durch die Prozessisolierung unterstützt. Außerdem werden die nicht CORS-kompatiblen Cross-Origin-Unterressourcen des Dokuments entweder ohne Anmeldedaten geladen oder müssen einen CORP-Header haben.

Tracking-Fehler 333029146 | ChromeStatus.com-Eintrag | Spezifikation

Ed25519 in der Webkryptografie

Mit dieser Funktion wird die Unterstützung von Curve25519-Algorithmen in der Web Cryptography API hinzugefügt, nämlich der Signaturalgorithmus Ed25519.

Bug-Tracking #1370697 | ChromeStatus.com-Eintrag | Spezifikation

HSTS-Tracking-Prävention

Mit dem HSTS-Cache wird das Nutzer-Tracking durch Dritte eingeschränkt.

Diese Funktion erlaubt nur HSTS-Upgrades für Navigationen auf oberster Ebene und blockiert HSTS-Upgrades für Anfragen zu untergeordneten Ressourcen. Dadurch ist es für Drittanbieter-Websites nicht mehr möglich, den HSTS-Cache zu verwenden, um Nutzer im Web zu verfolgen.

Tracking-Fehler 40725781 | ChromeStatus.com-Eintrag

WebAssembly

Einbindung von JavaScript-Promises

Die JavaScript Promise Integration (JSPI) ist eine API, mit der WebAssembly-Anwendungen in JavaScript-Promises eingebunden werden können.

Es ermöglicht einem WebAssembly-Programm, als Generator eines Promises zu fungieren, und es ermöglicht dem WebAssembly-Programm, mit APIs zu interagieren, die Promises enthalten.

Insbesondere wenn eine Anwendung JSPI verwendet, um eine Promise-API (JavaScript) aufzurufen, wird der WebAssembly-Code angehalten und der ursprüngliche Aufrufer des WebAssembly-Programms erhält ein Promise, das erfüllt wird, wenn das WebAssembly-Programm abgeschlossen ist.

ChromeStatus.com-Eintrag | Spezifikation

WebAssembly-Zweig-Hinweise

Verbessert die Leistung von kompiliertem WebAssembly-Code, indem die Engine darüber informiert wird, dass eine bestimmte Verzweigungsanweisung mit hoher Wahrscheinlichkeit einen bestimmten Pfad nimmt.

So kann die Engine bessere Entscheidungen für das Code-Layout treffen (Verbesserung der Cache-Treffer bei Anweisungen) und die Registerzuweisung optimieren.

ChromeStatus.com-Eintrag | Spezifikation

WebGPU

GPUTextureView für externalTexture-Bindung

Ein GPUTextureView darf jetzt für eine externalTexture-Bindung verwendet werden, wenn eine GPUBindGroup erstellt wird.

Fehler-ID 398752857 | Eintrag in ChromeStatus.com | Spezifikation

copyBufferToBuffer Überlastung

Die Methode GPUCommandEncoder copyBufferToBuffer() bietet jetzt eine einfachere Möglichkeit, ganze Puffer zu kopieren. Dazu wird eine neue Überladung mit optionalen Offset- und Größenparametern verwendet.

ChromeStatus.com-Eintrag | Spezifikation

Unternehmen

Protokolle und Berichte für IP-Adressen

Chrome Enterprise verbessert die Funktionen für die Sicherheitsüberwachung und Reaktion auf Vorfälle, indem lokale und Remote-IP-Adressen erfasst und gemeldet und an die Sicherheitsprüfprotokolle (Security Investigation Logs, SIT) gesendet werden. Außerdem können Administratoren mit Chrome Enterprise die IP-Adressen optional über den Chrome Enterprise-Connector für die Berichterstellung an eigene und Drittanbieter-SIEM-Anbieter senden.

Diese Funktion ist für Chrome Enterprise Core-Kunden verfügbar.

Eintrag in ChromeStatus.com

Ursprungstests

Renderblockierendes Attribut für die volle Framerate

Den Blockierungsattributen wird ein neues renderblockierendes Token full-frame-rate hinzugefügt. Wenn der Renderer mit dem full-frame-rate-Token blockiert ist, arbeitet er mit einer niedrigeren Framerate, um mehr Ressourcen für das Laden zu reservieren.

Fehler-ID 397832388 | Eintrag in ChromeStatus.com

Medienwiedergabe in nicht gerenderten Iframes pausieren

Es wird eine media-playback-while-not-rendered-Berechtigungsrichtlinie hinzugefügt, mit der Websites von Einbettungsquellen die Medienwiedergabe von eingebetteten Iframes pausieren können, die nicht gerendert werden, d. h. deren display-Attribut auf none gesetzt ist. So können Entwickler die Nutzerfreundlichkeit verbessern und die Leistung steigern, indem der Browser die Wiedergabe von Inhalten übernimmt, die für Nutzer nicht sichtbar sind.

Origin-Test | Tracking-Fehler #351354996 | ChromeStatus.com-Eintrag

Rewriter API

Die Rewriter API transformiert und formuliert den Eingabetext auf die gewünschte Weise, unterstützt durch ein On-Device-KI-Sprachmodell. Entwickler können diese API unter anderem verwenden, um Redundanzen in einem Text zu entfernen, um die Wortanzahl zu begrenzen, Nachrichten so umzuformulieren, dass sie für die Zielgruppe geeignet sind oder konstruktiver sind, wenn in einer Nachricht toxische Sprache verwendet wird, oder einen Beitrag oder Artikel so umzuformulieren, dass einfachere Wörter und Konzepte verwendet werden.

Origin Trial | Tracking-Fehler #358214322 | ChromeStatus.com-Eintrag | Spezifikation

Writer API

Die Writer API kann zum Erstellen neuer Inhalte verwendet werden, die auf einem Prompt für eine Schreibaufgabe basieren. Dabei wird ein KI-Sprachmodell auf dem Gerät verwendet. Entwickler können mit dieser API textbasierte Erläuterungen zu strukturierten Daten generieren, einen Beitrag zu einem Produkt auf Grundlage von Rezensionen oder Produktbeschreibungen verfassen, Pro- und Contra-Listen in vollständige Ansichten umwandeln und vieles mehr.

Origin-Test | Tracking-Fehler #357967382 | ChromeStatus.com-Eintrag | Spezifikation